	"use strict";
	var formLogin ;
	
	function logear()
	{ 
		// funcion logear, sera invocada en el boton INGRESO ubicado en index.html
		if (formLogin.getForm().isValid())
		{	// valida el formulario 
			formLogin.getForm().submit(
			{
				url: 'Scripts/Mapa/php/security/authenticate.php',
				method: 'POST',
				waitTitle: 'Conectando',
				waitMsg: 'Validando  Usuario...',
				success: function(form, action)
				{	// si salio satisfactorio el logeo
					var datos = Ext.util.JSON.decode(action.response.responseText);
					
					var login = datos.data[0].usuario;
					
					if (login !== '') 
					{ 
						// redirecciona a la pagina user.php 
						window.location = 'main.php'; 
					}
				},
				failure: function(form, action)
				{	//si fallo el logeo				
					var data = Ext.util.JSON.decode(action.response.responseText);
					Ext.Msg.show({		// Muestra mensaje de error
							title: 'Error',
							buttons: Ext.MessageBox.OK,
							icon: Ext.MessageBox.ERROR,
							msg: data.errors.error + data.errors.user
						});
				}
			});
		}
	}
	
	function abrirLogin(){ // Funcion que crea el Formulario de Login
		formLogin = new Ext.FormPanel(
		{
			defaults: {
				width: 300
			},
			height: 120,
			renderTo: 'formulario', // Formulario se anclará en la etiqueta DIV cuyo ID sea formulario
			layout: 'absolute',
			frame: false,
			border: false,
			bodyStyle: 'padding-left:5px;,padding-top:10px;', 
			defaultType: 'textfield',
			style:'background:#FEFEFE',
			labelWidth: 0,
			items: 
			[
				{
					xtype:'label',
					y:5, 
					x:5,
					text:'Usuario',
					style:'color:#777777'
				},
				{
					id: 'id', // campo ID
					x:5,
					y:25,
					style:'padding:4px 3px;',
					width : 200,
					blankText: 'Ingrese Usuario',
					allowBlank: false
				}, 
				{	
					xtype:'label',
					x:5,
					y:55,
					text:'Contraseña',
					style:'color:#777777'
				},
				{
					x:5,
					y:75,
					id: 'password', //campo password
					width : 200,
					inputType: 'password', // el tipo de Input Password ( los caracteres del campo apareceran ocultos)
					style:'padding:4px 3px;',
					blankText: 'Ingrese Contraseña',
					allowBlank: false,
					listeners: { scope: this,
						specialkey: function (f, e) {
							if (e.getKey() === e.ENTER) { logear(); }
						}
						/*render: function (c) {
							Ext.QuickTips.register({
								target: c.getEl(),
								text: 'Debe ingresar la contraseña.'
							});
						}*/
					}
				}
			]
		});
		Ext.getCmp('id').focus(); // El foco estara puesto en el campo id
	}
	
	Ext.onReady(function(){		
		Ext.BLANK_IMAGE_URL = '../images/s.gif';
		Ext.QuickTips.init();
		abrirLogin();	
		//Invoca a la funcion abrirLogin()			
	});
	